.container{
    ul{
        overflow: hidden;
        li{
            text-align: center;
            width: 50%;
            float: left;
            background: #f4f4f4;
            font-size: 15px;           
            box-sizing: border-box;
            padding: 10px 0; 
            &.active{
                background: #9a5e27;
                color: #fff;               
            }
        }
    }
    .content{
        display: none;
        &.content-1{
            display: block;
        }
        .item{
            overflow: hidden;
            background: #fff;       
            padding: 10px 5%;
            margin-top: 12px;
            &.item-1{
                margin-top: 0;
            }
            p{
                margin-top: 10px;
                i{
                    font-style: normal;
                }
            }
            hr{
                margin-top: 12px;
                border: -1px solid #979797;
            }
            .l-a{
                border: 1px solid #9a5e27;
                color: #9a5e27;
                background: transparent;
                border-radius: 3px;
                padding: 3px 20px;
                display: block;
                float: left;
                margin-top: 12px;
            }
            .r-a{
                border: 1px solid #ea613d;
                color: #ea613d;
                background: transparent;
                border-radius: 3px;
                padding: 3px 20px;
                display: block;
                float: right;
                margin-top: 12px;
            }
        }
    }
}
